.settings {
  border-left: solid 1px var(--box-shadow-color);
  width: 290px;
  font-size: 14px;
  padding: 25px;
}

@media only screen and (max-width: 1000px) {
  .settings {
    position: absolute;
    height: 100%;
    right: 0px;
    top: -2px;
    background: var(--white-color);
    box-shadow: -2px 4px 10px 3px var(--box-shadow-color);
    border-radius: 4px 0 0 4px;
  }
}

.select-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2px;
}

.settings input[type="checkbox"],
.settings input[type="radio"] {
  margin-right: 5px;
}

.log-level-dropdown-wrapper,
.hover-enable-dropdown-wrapper {
  width: 150px;
  margin-left: 10px;
}

.renderer-dropdown__option,
.log-level-dropdown__option,
.hover-enable-dropdown__option {
  background-color: var(--white-color) !important;
  color: var(--black-color) !important;
}
.renderer-dropdown__option:hover,
.log-level-dropdown__option:hover,
.hover-enable-dropdown__option:hover {
  background-color: var(--transparent-color) !important;
}

.renderer-dropdown__single-value,
.log-level-dropdown__single-value,
.hover-enable-dropdown_-single-value {
  line-height: normal !important;
}

.tooltips,
.hover-enable {
  width: 150px;
  display: flex;
  align-items: center;
  margin-bottom: 13px;
}
.tooltips > label,
.hover-enable > label {
  margin-left: 2px;
  white-space: nowrap;
}

.settings-description {
  font-size: small;
  color: var(--extra-dark-gray-color);
  margin: 12px 0 30px 0;
}
